<!DOCTYPE html>
<html lang="">

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>免费体验</title>
    <meta name="keywords" content="微码科技,微码微控,自动拨打，智能沟通，智能学习">
    <meta name="description"
        content="福建微码信息科技有限公司简称微码科技，微码科技成立于2010年，坐落于福州海西高新产业园，集移动应用定制开发、行业产品解决方案、移动产品策划咨询为一体的创新型科技公司。">
    <link rel="shortcut icon" href="../favicon.ico" type="image/x-icon">
    <link rel="stylesheet" href="../assets/css/amazeui.css" />
    <link rel="stylesheet" href="../assets/css/common.min.css" />
    <link rel="stylesheet" href="../assets/css/index.min.css" />
    <link rel="stylesheet" href="../assets/css/jscss.css" />
    <link rel="stylesheet" href="../assets/css/scrm.css" />
    <script src='../assets/js/config.js'></script>
</head>

<body>
    <div class="layout-header am-hide-sm-only" id="pageHeadercontainer">
        <div class="header-box nav-contain" data-am-sticky>
            <div class="container">
                <div class="header">
                    <div class="am-g">
                        <div class="am-u-lg-4 am-u-sm-12">
                            <div class="logo">
                                <a href=""><img id='logo' src="../assets/images/newAi/logo-hui.png" alt="" /></a>
                                <span class="logo-textfont">微信营销优质品牌</span>
                            </div>
                        </div>
                        <div class="am-u-md-8">
                            <div class="header-right am-fr">
                                <div class="">
                                    <div class="nav-inner">
                                        <ul class="am-nav am-nav-pills am-nav-justify">
                                            <ul class="am-nav am-nav-pills am-nav-justify">
                                                <li class=''><a href="../index.html">首页</a></li>
                                                <li class=""><a href="#" class="hover-active">产品 <span
                                                            class="icon-down"></span></a></li>
                                                <!-- <li class=""><a href="https://datav.aliyun.com/share/26507f67fd707ac0669e807158cceed4"
                                                                class="" target="_blank">实时数据</a></li> -->
                                                <li class=""><a href="../html/product.html" class="">电商SCRM</a></li>
                                                <li class=""><a href="../html/wxPersonal.html" class="">微信个人号</a></li>
                                                <!-- <li class=""><a href="../html/gzsj.html" class="">工作手机</a></li> -->
                                                <li class=""><a href="../html/zsjm.html" class="">渠道合作</a></li>
                                                <li class=""><a href="http://www.v-ma.com/html/about_us.html" class=""
                                                        target="_blank">关于我们</a></li>
                                                <li class="">
                                                    <div class="free-test"><a href="../html/freeTest.html" class=""
                                                            target="_blank">免费体验</a></div>
                                                </li>
                                                <!-- <li class=""><a href="http://www.v-ma.com/html/conctact_us.html"
                                                                class="" target="_blank">联系我们</a></li> -->
                                            </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="hover-nav">
        <div class="container ">
            <div>
                <ul>
                    <li>
                        <a href="../html/product.html">
                            <div class="fl">
                                <img class="nav-icon" src="../assets/images/index/nav1.png" alt="" width="24px">
                            </div>
                            <div class="fl">
                                <span class="nav-title">电商scrm</span><br>
                                <span>构建私域流量</span>
                            </div>
                        </a>
                    </li>
                    <li>
                        <a href="../html/wxPersonal.html">
                            <div class="fl">
                                <img class="nav-icon" src="../assets/images/index/nav2.png" alt="" width="24px">
                            </div>
                            <div class="fl">
                                <span class="nav-title">微信个人号</span><br>
                                <span>聚合聊天，企业风控</span>
                            </div>
                        </a>
                    </li>
                    <!-- <li>
                        <a href="../html/gzsj.html">
                            <div class="fl">
                                <img class="nav-icon" src="../assets/images/index/nav5.png" alt="" width="24px">
                            </div>
                            <div class="fl">
                                <span class="nav-title">工作手机</span><br>
                                <span>监控规范员工行为</span>
                            </div>
                        </a>
                    </li> -->
                    <li>
                        <a href="#">
                            <div class="fl">
                                <img class="nav-icon" src="../assets/images/index/nav3.png" alt="" width="24px">
                            </div>
                            <div class="fl">
                                <span class="nav-title">小程序</span><br>
                                <span>敬请期待</span>
                            </div>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <div class="fl">
                                <img class="nav-icon" src="../assets/images/index/nav4.png" alt="" width="24px">
                            </div>
                            <div class="fl">
                                <span class="nav-title">公众号</span><br>
                                <span>敬请期待</span>
                            </div>
                        </a>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <div data-am-widget="slider" class=" free-contain am-slider am-slider-default" data-am-slider='{}'>
        <ul class="am-slides">
            <li>
                <!-- <div type="button" data-am-modal="{target: '#doc-modal-2', }" class="btn-test">
                        免费体验<span class="icon-jt"></span>
                    </div> -->
                <img src="../assets/images/freeTest/banner.png" alt="微码微控">
            </li>

        </ul>
    </div>

    <div class="free-test-contain">
        <div class="free-test-title">创建账号</div>
        <div>
            <span class="title_linetop"></span>
        </div>
        <div class="input-contain">
            <div class="el-input el-input--prefix">
                <input type="text" id="companyName" placeholder="请输入公司名称" class="el-input__inner">
                <span class="el-input__prefix">
                    <img class='el-input__icon' src="../assets/images/freeTest/gongsi@2x.png" alt="">
                </span>
            </div>
        </div>
        <div class="input-contain">
            <div class="el-input el-input--prefix">
                <input type="text" id='name' autocomplete="on" placeholder="请输入联系人" class="el-input__inner">
                <span class="el-input__prefix">
                    <img class='el-input__icon' src="../assets/images/freeTest/lianxiren@2x.png" alt="">
                </span>
            </div>
        </div>

        <!-- <div class="input-contain">
            <div class="el-input el-input--prefix">
                <input type="text" autocomplete="on" placeholder="请输入验证码" class="el-input__inner">
                <span class="el-input__prefix">
                    <img class='el-input__icon' src="../assets/images/freeTest/yanzhengma@2x.png" alt="">
                </span>
            </div>
        </div> -->
        <div class="input-contain code-contain">
            <div class="el-input el-input--prefix">
                <input type="text" id='mobile' autocomplete="on" placeholder="请输入手机号码" class="el-input__inner">
                <span class="el-input__prefix">
                    <img class='el-input__icon' src="../assets/images/freeTest/shouji-6@2x.png" alt="">
                </span>
            </div>
            <input type="button" class="send-code" value="获取验证码"></input>
        </div>

        <div class="input-contain">
            <div class="el-input el-input--prefix">
                <input type="text" id='code' autocomplete="on" placeholder="请输入手机验证码" class="el-input__inner">
                <span class="el-input__prefix">
                    <img class='el-input__icon' src="../assets/images/freeTest/yanzhengma@2x.png" alt="">
                </span>
            </div>
        </div>

        <div class="input-contain">
            <div class="el-input el-input--prefix">
                <input type="text" id='password' autocomplete="on" placeholder="请输入密码" class="el-input__inner">
                <span class="el-input__prefix">
                    <img class='el-input__icon' src="../assets/images/freeTest/mima@2x.png" alt="">
                </span>
            </div>
        </div>


        <div class="register">
            注册
        </div>
    </div>

    <!--[if (gte IE 9)|!(IE)]><!-->
    <script src="../assets/js/jquery-2.1.0.js" charset="utf-8"></script>
    <script src="../assets/js/amazeui.js" charset="utf-8"></script>
    <!-- <script src="../assets/js/pagehtmleles.js" charset="utf-8"></script> -->
    <script src="../assets/js/common.js" charset="utf-8"></script>
    <script src="../assets/js/jscss.js" charset="utf-8"></script>


    <!-- <script src="../assets/js/jquery-1.11.1.min.js"></script> -->
    <script src="../assets/js/jquery.singlePageNav.min.js"></script>
    <script src="../assets/js/jquery.fancybox.pack.js"></script>
    <script src="../assets/js/jquery.mixitup.min.js"></script>
    <script src="../assets/js/jquery.appear.js"></script>
    <!-- jQuery -->
    <!-- Bootstrap JavaScript -->
    <script>
        $(function () {
            var timer, time = 60

            $('.send-code').click(function () {
                clearInterval(timer)
                if ($('#mobile').val().match(
                        /^(13[0-9]|14[579]|15[0-3,5-9]|16[6]|17[0135678]|18[0-9]|19[89])\d{8}$/) ===
                    null) {
                    alert('请正确填写您的手机号码')
                    return
                }
                $('.send-code').attr('disabled', true)
                timer = setInterval(function () {
                    time -= 1
                    if (time === 0) {
                        $('.send-code').attr('disabled', false)
                        time = 60
                        $('.send-code').val('重新获取')
                        clearInterval(timer)
                        return

                    }
                    $('.send-code').val(time + 's后')

                }, 1000)
                $.ajax({
                    url: 'https://proxfix.vmajy.com/api/apply/code',
                    type: 'post',
                    data: JSON.stringify({
                        mobile: $('#mobile').val(),
                    }),
                    dataType: "json",
                    headers: {
                        'Content-Type': 'application/json;charset=UTF-8'
                    },
                    success: function (data) {
                        if (data.result_code == 0) {
                            alert('您好，我们经理将尽快联系您，请留意福州号码。')
                            $(".am-dimmer").click()
                        } else {
                            alert(data.result_msg)
                            $(".am-dimmer").click()
                        }
                    }
                })
            })

            $('.register').click(function () {
                if ($('#companyName').val() === '') {
                    alert('请输入公司名称')
                    return
                }
                if ($('#name').val() === '') {
                    alert('请输入联系人名字')
                    return
                }

                if ($('#mobile').val().match(
                        /^(13[0-9]|14[579]|15[0-3,5-9]|16[6]|17[0135678]|18[0-9]|19[89])\d{8}$/) ===
                    null) {
                    alert('请正确填写您的手机号码')
                    return
                }
                if ($('#code').val() === '') {
                    alert('手机验证码不能为空')
                    return
                }
                var form = {
                    projectName: '微码微控',
                    companyName: $('#companyName').val(),
                    code: $('#code').val(),
                    mobile: $('#mobile').val(),
                    name: $('#name').val(),
                    password: $('#password').val()
                }
                $.ajax({
                    url: 'https://proxfix.vmajy.com/api/apply/increase',
                    type: 'post',
                    data: JSON.stringify(form),
                    headers: {
                        'Content-Type': 'application/json;charset=UTF-8'
                    },
                    success: function (data) {
                        alert('注册成功')
                    },
                    error: function (error) {
                        console.log(error)
                        var msg = JSON.parse(error.responseText).err_msg
                        alert(msg)
                    }
                })
            })

        })

    </script>
</body>

</html>
